/*---------------------------------------------------------

	Stylesheet Overview

------------------------------------------------------------

	----- Table of Contents -----

	1.  Reset
	2.  Body and links
	3.  Basic Structure
	4.  Header
	5.  Featured slider
	6.  Post styling
	7.  Pages, page templates, archives
	8.  Sidebar
	9.  Comments
	10. Default floats and image styling
	11. Footer

	----- Font / line-height sizing -----

	Base font-size is 62.5% = 10px
	1.2em = 12px

	----- IMPORTANT NOTE -----

	DO NOT make edits to this file, your edits will vanish
	when you upgrade the theme. Instead add your custom CSS to
	the style.css file in the pro child theme. Any new styles
	you add there will automatically override this imported
	stylesheet. This will also make your life a whole lot
	easier when it comes time to upgrade the theme.
*/

/*---------------------------------------------------------
	1. Reset
------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*---------------------------------------------------------
	2. Body and links
------------------------------------------------------------ */
body {
	font-size: 62.5%;
	font-family: Georgia, Times, serif;
	color: #333;
	background-color: #d0d0d0;
}
a:link, a:visited {
	color: #1f2d61;
	text-decoration: none;
}
a:hover {
	color: #434c6d;
}

/*---------------------------------------------------------
	3. Basic Structure
------------------------------------------------------------ */
#wrapper,
#footer {
	width: 960px;
	margin: 30px auto;
	padding: 0 0 30px 0;
	text-align: left;
	background: #fff;
	-moz-box-shadow: 0 2px 6px rgba( 100, 100, 100, .3);
	-webkit-box-shadow: 0 2px 6px rgba( 100, 100, 100, .3);
	box-shadow: 0 2px 6px rgba( 100, 100, 100, .3);
	/*background: #fff url(../images/grid.png) repeat-y 0 0;*/
}
#content {
	float: left;
	width: 620px;
	margin-left: 30px;
}
#sidebar {
	float: right;
	width: 218px;
	margin-right: 30px;
}
#footer {
	width: 900px;
	padding: 30px;
}
.clear:after,
li.comment:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.skip-content {
	display: none;
}

/*---------------------------------------------------------
	4. Header
------------------------------------------------------------ */
#header {
	padding: 30px;
}
#title {
	padding-bottom: 10px;
	font-size: 3.6em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
}
#title a:link, #title a:visited {
	color: #444;
	text-decoration: none;
}
#title a:hover {
	color: #1f2d61;
	text-decoration: none;
}
/*Description
---------------------------------------*/
#description h2 {
	font-size: 1.4em;
	font-weight: normal;
	font-style: italic;
	color: #666;
}
/*Nav
---------------------------------------*/
#navigation {
	margin: 30px 0 0 0;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
.nav a {
	display: block;
	padding: 15px 20px 15px 0;
	font-size: 1.3em;
	font-family: Helvetica, Arial, sans-serif;
	color: #555;
}
.nav .current-menu-parent a,
.nav .current-menu-ancestor a {
	color: #222;
}
.nav .current-menu-parent li a,
.nav .current-menu-ancestor li a  {
	color: #555;
}
.nav a:hover,
.nav li.sfhover a  {
	color: #222;
}
.nav li {
	float: left;
	margin: 0 10px 0 0;
}
.nav ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	font-weight: normal;
	z-index: 99999;
}
.nav ul a, .nav li a {
	position: relative;
}
.nav ul a {
	font-weight: normal;
	color: #555;
	font-size: 1.2em;
}
.nav li li {
	width: 200px;
	background: #f8f8f8;
}
.nav li li a {
	margin: 0;
	padding: 10px 10px 10px 20px;
	width: 170px;
	line-height: 20px;
}
.nav li ul ul {
	margin: -40px 0 0 200px;
}
.nav li:hover ul ul,
.nav li:hover ul ul ul,
.nav li:hover ul ul ul ul,
.nav li.sfhover ul ul,
.nav li.sfhover ul ul ul,
.nav li.sfhover ul ul ul ul {
	left: -999em;
}
.nav li:hover ul,
.nav li li:hover ul,
.nav li li li:hover ul,
.nav li li li li:hover ul,
.nav li.sfhover ul,
.nav li li.sfhover ul,
.nav li li li.sfhover ul,
.nav li li li li.sfhover ul {
	left: auto;
}
.nav li li:hover,
.nav li li.sfhover,
.nav li li.current-menu-item,
.nav li li.current_page_parent,
.nav li li.current_page_ancestor,
.nav li li.current-cat-parent,
.nav li li.current-cat,
.nav li li.current_page_item {
	background: #efefef;
}
/*Nav Arrows
--------------------*/
.nav a.sf-with-ul {
	padding-right: 30px;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 10px;
	bottom: 16px; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/nav-arrows.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
	bottom: 16px;
	background-position: 0 -100px;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px;
}
/* point right for anchors in subs */
.nav ul .sf-sub-indicator {
	background-position: -10px 0;
	right: 32px;
	top: 14px;
}
.nav ul a > .sf-sub-indicator {
	background-position: 0 0;
}
/* apply hovers to modern browsers */
.nav ul a:focus > .sf-sub-indicator,
.nav ul a:hover > .sf-sub-indicator,
.nav ul a:active > .sf-sub-indicator,
.nav ul li:hover > a > .sf-sub-indicator,
.nav ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0;
}

/*---------------------------------------------------------
	5. Featured slider
------------------------------------------------------------ */

/*---------------------------------------------------------
	6. Post styling
------------------------------------------------------------ */
.post {
	margin-bottom: 30px;
}
.entry {
	margin: 0 0 10px 124px;
	font-size: 1.3em;
}
.single .entry,
.entry.no-results {
	margin: 0;
}
/*Post Header
---------------------------------------*/
.entry h2.title,
.single-post-title {
	padding: 0 0 15px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
}
.entry h2.title a {
	color: #444;
}
.entry h2.title a:hover {
	color: #434c6d;
}
.single-post-title {
	padding: 0 0 5px 0;
	font-size: 2.6em;
	line-height: 1.4em;
}
.post-date-box {
	float: left;
	position: relative;
	margin-bottom: 30px;
	width: 94px;
	height: 94px;
}
.post-date-box.no-thumb {
	position: static;
	height: auto;
}
.post-date {
	position: absolute;
	width: 94px;
	font-size: 1.2em;
	color: #efefef;
	font-family: Helvetica, Arial, sans-serif;
	background-color: rgb(10, 10, 10);
	background-color: rgba(0, 0, 0, .85);
}
.post-date-box.no-thumb .post-date {
	position: static;
}
.post-date p {
	padding: 10px 0;
	text-align: center;
}
.post-date-box img {
	-moz-box-shadow: 1px 1px 2px rgba( 100, 100, 100, .3);
	-webkit-box-shadow: 1px 1px 2px rgba( 100, 100, 100, .3);
	box-shadow: 1px 1px 2px rgba( 100, 100, 100, .3);
}
.single-post-meta {
	margin: 0 0 30px 0;
	font-size: 1.2em;
	font-style: italic;
	color: #888;
}
.single-post-meta a {
	color: #888;
	text-decoration: underline;
}
.single-post-meta a:hover {
	color: #434C6D;
}
.entry a.more-link {
	display: block;
	margin: 10px 0;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: .8em;
	color: #888;
}
.entry a:hover.more-link {
	color: #333;
	text-decoration: none;
}
div.post-comments {
	margin-top: 10px;
	text-align: center;
}
div.post-comments a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color: #888;
}
div.post-comments a:hover {
	color: #333;
}
/*Post Body
---------------------------------------*/
.entry a:hover {
	text-decoration: underline;
}
.entry p {
	margin-bottom: 15px;
	line-height: 1.8em;
}
.entry h2,
.entry h3,
.entry h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	padding: 20px 0 10px 0;
}
.entry h3 {
	padding-top: 10px;
	font-size: 1em;
}
.entry h4 {
	padding-top: 10px;
	font-size: .9em;
}
pre {
	margin: 10px 0;
	padding: 1em 10px;
	overflow: auto;
	background-color: #f3f3f3;
	color: #000;
}
code {
	padding: 2px 3px;
	font: 1.1em Consolas, Courier New, sans-serif;
	background-color: #f3f3f3;
	color: #000;
}
pre code { font-size: 1.3em; }
blockquote {
	clear: both;
	display: block;
	padding: 20px 20px 10px 45px;
	margin: 20px 0;
	font-style: italic;
}
.entry ul,
.c-body ul {
	margin: 0 0 10px 10px;
	line-height: 1.8em;
}
.entry ul li,
.c-body ul li {
	display: list-item;
	margin: 5px 0 0 20px;
	list-style-type: disc;
}
.entry ol,
.c-body ol {
	margin: 0 0 15px 30px;
	line-height: 1.8em;
}
.entry ol li ol li,
.c-body ol li ol li {
	font-size: .9em;
	list-style-type: lower-roman;
}
.entry ol li,
.c-body ol li {
	margin: 10px 0 0 0;
	list-style-type: decimal;
	list-style-position: outside;
}
/*Post Footer
---------------------------------------*/
.post-footer {
	margin: 15px 0 0 0;
	padding: 10px 0;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
.post-footer .tags,
.post-footer .cats {
	float: left;
	width: 300px;
}
.post-footer .cats {
	float: right;
	text-align: right;
}
.post-footer a {
	color: #888;
}
.post-footer  a:hover {
	color: #333;
}

/* Navigation + WP Page Navi
---------------------------------------*/
.navigation {
	padding: 10px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}
.navigation a {
	color: #444;
}
.navigation a:hover {
	color: #111;
}

/*---------------------------------------------------------
	7. Pages, page templates, archives
------------------------------------------------------------ */
/* Pages
---------------------------------------*/
h1.pagetitle,
h2.pagetitle {
	padding: 0 0 15px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 2.8em;
}
.entry.page {
	margin: 0;
}

/*Archives List
---------------------------------------*/
body.archive h1,
body.page-template-archives-php h1,
body.search h1 {
	font-size: 2.2em;
}
body.archive h1,
body.search h1 {
	margin-bottom: 30px;
}
body.page-template-tm-archives-php .entry {
	margin: 0;
}
body.page-template-tm-archives-php .entry h2 {
	font-size: 1.2em;
	padding: 30px 0 10px 0;
}
.entries li {
	margin: 15px 0;
}
.entries a {
	font-size: 1.2em;
}
.entries a:hover {
	text-decoration: underline;
}
.entries li span {
	display: block;
	float: left;
	width: 150px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color: #555;
}

/*---------------------------------------------------------
	8. Sidebar
------------------------------------------------------------ */
#sidebar a {
	color: #434c6d;
}
#sidebar a:hover {
	text-decoration: underline;
}
.widget {
	margin: 0 0 30px 0;
}
#sidebar h2.widgettitle {
	padding: 12px 0;
	font-size: 1.1em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: .1em;
	text-transform: uppercase;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
}
#sidebar ul li.widget ul {
	margin: 15px 0 0 0;
	font-size: 1.2em;
}
#sidebar ul li.widget ul li ul {
	margin-left: 5px;
	font-size: 1em;
}
#sidebar ul li.widget ul li {
	padding: 3px 0;
	line-height: 1.6em;
}
div.textwidget p {
	font-size: 1.1em;
	margin: 10px 0 0 0;
}
li.widget select,
li.widget_search form,
li.widget_tag_cloud div,
table#wp-calendar {
	margin-top: 15px;
}
table#wp-calendar {
	width: 100%;
	font-size: 1.3em;
	line-height: 1.6em;
}

/*Search Box
---------------------------------------*/
#search_form input#s { 
	margin-bottom: 10px;
}
#search_form input#s {
	padding: 4px 2px;
	background-color: #efefef;
}
#search_form input#s:focus { 
	background: #fff;
}

/*---------------------------------------------------------
	9. Comments
------------------------------------------------------------ */
/*Top
---------------------------------------*/
.comment-number {
	margin: 0 0 20px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.6em;
}
a#leavecomment {
	padding-left: 10px;
	font-size: .75em;
	color: #888;
}
a:hover#leavecomment {
	color: #434c6d;
}
/*Body
---------------------------------------*/
li.comment {
	padding: 20px 0 0 0;
}
#comments ul.children {
	margin: 10px 0 0 124px;
	clear: both;
}
div.c-grav {
	float: left;
	width: 60px;
	margin: 0;
	text-align: right;
}
div.c-grav img {
	-moz-box-shadow: 1px 1px 2px rgba( 100, 100, 100, .3);
	-webkit-box-shadow: 1px 1px 2px rgba( 100, 100, 100, .3);
	box-shadow: 1px 1px 2px rgba( 100, 100, 100, .3);
}
div.c-body {
	float: right;
	width: 496px;
	font-size: 1.3em;
	line-height: 1.8em;
}
li.bypostauthor div.c-body {
	padding-top: 10px;
	border-top: 5px solid #ffa61f;
}
#content.no-sidebar div.c-body {
	width: 776px;
}
ul.children div.c-body {
	width: 372px;
}
#content.no-sidebar ul.children div.c-body {
	width: 652px;
}
div.c-body p {
	margin: 10px 0 0 0;
}
div.c-head {
	margin: 0 0 15px 0;
	font-family: Helvetica, Arial, sans-serif;
}
div.c-date {
	float: left;
	padding: 10px 0 30px 0;
	font-size: .9em;
	font-style: italic;
	color: #888;
}
.c-permalink a {
	margin-left: 5px;
	font-size: .9em;
	color: #bbb;
}
div.reply {
	float: right;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .9em;
}
div.reply {
	padding: 10px 0 30px 0;
}
div.reply a {
	color: #aaa;
	font-size: .9em;
	border-bottom: 1px dotted;
}
a#cancel-comment-reply-link {
	float: right;
	font-size: .75em;
	color: #aaa;
	border-bottom: 1px dotted;
}
div.reply a:hover,
a:hover#cancel-comment-reply-link {
	border-bottom: 1px solid;
	text-decoration: none;
}

/*Form
---------------------------------------*/
#respond {
	margin: 0 0 0 124px;
	font-size: 1.3em;
}
form#commentform {
	margin-bottom: 20px;
}
h3#reply-title {
	margin: 20px 0 30px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
}
form#commentform label.comment-field {
	display: block;
	margin: 20px 0 10px 0;
}
input.text-input,
form#commentform textarea {
	padding: 7px;
	background: #f8f8f8;
	font-family: inherit;
	font-size: .9em;
	border: 1px solid #e6e6e6;
	width: 480px;
}
input#author,
input#email,
input#url {
	width: 350px;
}
form#commentform input:focus,
form#commentform textarea:focus {
	background: #fff;
}
form#commentform input#submit {
	padding: 5px;
	width: 150px;
}
form#commentform p.guidelines {
	margin: 10px 0 15px 0;
	line-height: 1.8em;
	color: #777;
}
p.subscribe-to-comments,
p.comments-rss {
	margin: 0 0 20px 0;
}
p.comments-rss a {
	padding: 0 0 0 19px;
	color: #333;
	background: url(../images/comments-rss.png) no-repeat 0 0;
}
p.comments-rss a:hover {
	text-decoration: underline;
	color: #434c6d;
}
/*Pingbacks/Trackbacks
---------------------------------------*/
h3.pinghead {
	font-size: 1.3em;
	color: #444444;
}
ol.pinglist {
	list-style-type: decimal;
	list-style-position: inside;
	margin: 0 0 10px 10px;
	font-size: 1.3em;
}

/*---------------------------------------------------------
	10. Default floats and image styling
------------------------------------------------------------ */
.entry img.alignleft,
.entry img.alignright,
.entry img.aligncenter,
.entry img.alignnone,
img.single-post-thm {
	padding: 3px;
	border: 2px solid #eee;
	max-width: 620px;
}
.noborder {
	border: none;
}
.entry .alignright {
	margin: 0 0 15px 32px;
}
.entry .alignleft,
img.single-post-thm {
	margin: 0 32px 15px 0;
}
.wp-caption p,
.wp-caption-text,
.gallery-caption {
	font-style: italic;
	color: #888;
}
/*---------------------------------------------------------
	11. Footer
------------------------------------------------------------ */
#copyright {
	margin-bottom: 30px;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 2.2em;
	color: #555;
}
#copyright a {
	color: #555;
}
#copyright a:hover {
	text-decoration: underline;
}